page{background-color:#f5f5f5;}
.qun-banner{ background-color: #fff;}
.send-box{height:100px;width:100%;position:fixed;left:0;bottom:0; background-color: #fff; z-index: 100;}
.send-input{padding:0 12px;display:flex;align-items:center;height:100%;}
.keyimg{width:58px;height:58px;}
.qun-ynwnz{width:80%;height:60px;border-radius:10px;margin-left:1%;}
.border3{border:1px solid #888;}
.border4{border:1px solid #ccc;}
.send-input input{width:96%;height:60px;padding:0 2%;}
.qun-yuyn{width:100%;height:60px;line-height:60px;border-radius:0;font-size:30px;}
button:after{border:none;}
.border1{background-color:#888;}
.border2{background-color:#ccc;}
.send-btn{width:10%;height:62px;margin-left:1%;font-size:24px; background-color: #0047b1;color:#fff;padding:0;}
.qunxnsn{width:10%;height:62px;margin-left:1%;background-color: #ffffff;}
.qun-xntu{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.chat-time{width:100%;text-align: center;padding:20px 0;display:block;color:#999;}
.qun-chat-content:after{content:'.';display:block;height:0;overflow:hidden;color:#fff;clear:both;}
.qun-chat-content{padding:0 3%;}
.user-ico{float:right;width:80px;height:80px;overflow:hidden;border-radius:50%;}
.user-ico image{width:100%;height:100%;}
.chatting-box{float:right;margin-right:20px;width:71%;text-align:right;}
.user-name{color:#999;display:block;}
.chatting-words{color:#fff;max-width:93%;background-color:#e3b7c8;float:right;padding:20px;margin-top:10px;border-radius:10px;position:relative;word-break:break-all;min-height:33px;}
.chatting-words:after{position:absolute;content:"";top:20px;right:-18px;width:0;height:0;border:10px solid transparent;border-left:10px solid #e3b7c8;}
.friendsend .user-ico{float:left;}
.friendsend .chatting-box{float:left;text-align:left;margin-left:20px;margin-right:0;}

.qun-chat{padding-bottom:200px;}
.chatfriendsend{ background-color: #ccc;color:#333;float:left;}
.chatfriendsend:after{left:-8px;right:auto;border-right:10px solid #ccc;border-left:none;}
.lotn-img{max-width:100%;}
.qun-hodng{background-color:#fff;padding:20px 15px;border-radius:5px;}
.qun-tities{width:100%;overflow:hidden;font-size:30px;display:-webkit-box;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient: vertical;color:#000;}
.qun-infos{display:flex;width:100%;justify-content:space-between;margin-top:12px;}
.qun-infoleft{width:75%;font-size:25px;color:#cccccc;display:-webkit-box;overflow:hidden;word-wrap:break-word;text-overflow: ellipsis;white-space:normal !important;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.qun-inforight{width:18%;max-height:60px;overflow:hidden;}
.qun-houdoimgs{width:100%;border-radius:5px;}

.bigimg-box{position:fixed;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,0.8); z-index: 1000;display:none;overflow:hidden;}
.bigimg-box .bigimg{height:100%;}
.bigimg-box image{display:block;width:100%;max-height:90%;vertical-align: middle;}
.bigimg-box .swiper{height:100%;display: flex;justify-content: center;align-items: center;}
.qun-yysd{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0);z-index:99;display:none;}
.qun-yynf{width:100%;height:100%;background-color:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;}
.qun-ynfk{width:240px;height:240px;background-color:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;border-radius:10px;}
.qun-ynimg{width:110px;}
.qun-yuyis{width:auto;height:auto;display:flex;align-items:center;background-color:red;}
.qun-syuyinz{width:auto;height:42.42px;display:flex;align-items:center;}
.chatmysend .qun-yuyinzimg{width:28px;height:42.42px;margin-right:10px;}
.chatmysend .qun-yuyinmao{color:#ffffff;margin-right:25px;}
.chatfriendsend .qun-yuyinzimg{width:28px;height:42.42px;margin-left:10px;transform: rotate(180deg);}
.chatfriendsend .qun-yuyinmao{color:#ffffff;margin-left:25px;}

.yhq-dl{width:300px;height:100px;margin:10px 0 0 0;display:inline-block;} 
.yhq-dl .yhq-dt{background-color:#fff8ee;width:58%;padding:15px 2% 0 4%;height:86px;text-align:left;border-radius:8px;border:1px solid #fd8f00;float:left;color:#fc9000;border-right:1px dashed #fd8f00;}
.yhq-dl .yhq-dt .tj{display:block;white-space: nowrap;width:100%;overflow:hidden;text-overflow: ellipsis;}
.yhq-dl .yhq-dt .jg{font-size:34px;font-weight:bold;}
.yhq-dl .yhq-dd{background-color:#fff8ee;width:33%;height:100%;border-radius:8px;border:1px solid #fd8f00;border-left:none;float:left;}
.yhq-dl .yhq-dd .yhq-sy{color:#fc9000;width:60px;margin:0 auto;display:block;margin-top:10px;text-align: center; white-space:normal}
